// 其次的页面内容容器
.content-container.next {
  min-height: auto
}

// 文章标签列表
.article-footer .article-tag-list {
  display: flex
  flex-wrap: wrap

  a {
    display: block
    color: #999999
    margin-right: 10px
    margin-bottom: 10px

    &:hover {
      color: #555555
    }
  }
}

// 云标签样式
.tags-cloud {
  text-align: center
  
  a {
    display: inline-block

    &:hover {
      text-decoration: underline
    }
  }
}

// desktop >=768
@media screen and (min-width: 768px) {
  content-container-desktop()
  
  .article-content {
    width: inner-width
    max-width: 100%
    padding: inner-padding;
    margin: auto
    
    & > div:not(:first-child) {
      margin-top: 20px
    }
  }

  .tags-cloud {
    font-size: font-desktop-commonly
    a {
      margin: 0 20px
      line-height: 2
    }
  }
}

// mobile 768<
@media screen and (max-width: 767px) {
  content-container-mobile()
  
  .article-content {
    width: 100%
    padding: 0
    margin: auto

    & > div:not(:first-child) {
      margin-top: 10px
    }

    .article-navs .article-nav-title {
      font-size: font-mobile-commonly
    }
  }

  .tags-cloud {
    font-size: font-mobile-commonly
    
    a {
      margin: 0 8px
      line-height: 1.3
    }
  }
}
  